<template>
    <div>
        <van-form @submit="onSubmit">
            <div class="submitComment">
                <div style="width: 325px" >
                    <van-field
                            v-model="Usercomment"
                            name="用户评论"

                            placeholder="随便说点什么吧"
                            :rules="[{ message: '随便说点什么吧' }]"
                    />
                </div>


                <div  >

                    <van-button round block type="info" color="#515151"  native-type="submit">提交</van-button>
                </div>
            </div>


        </van-form>
    </div>
</template>

<script>
    import Vue from 'vue';
    import { Form } from 'vant';

    Vue.use(Form);
    export default {
        name: "postComment",
        data(){
            return {
            username: '',
            password: '',
        };
        },
        methods: {
            onSubmit(values) {
                console.log('submit', values);
            },
        },

    }
</script>

<style scoped>
.submitComment{
    display: flex;
    position:fixed;
    bottom:50px;
}
</style>